<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>收银台</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <script>
        var w = window.innerWidth||screen.width;		//获取设备宽
        var html = document.documentElement;
        if(w>750){
            w=750;
        }
        var fontSize = w / 16 + 'px';
        html.style.fontSize = fontSize;
    </script>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/cashier_desk.css">
</head>
<body>
    <div class="cashier_head">
        <p class="color_t hint_t">需要支付金额</p>
        <h2 class="pay_amount">￥188.00</h2>
        <p class="pay_time">48小时未支付订单自动过期</p>
    </div>
    <!--****支付类型*****-->
    <div class="payment_type">
        <div class="pay_t_h">
            <div class="pay_tit">
                <img src="images/yang.png" class="middle yang_icon" alt=""><span class="middle type_t">支付方式</span>
            </div>
        </div>
        <!--*****微信支付*****-->
        <div class="pay_cont clear">
            <div class="pay_wrap">
                <img src="images/wx_p.png" class="middle wx_p" alt="">
                <div class="middle wx_t">
                    <h2 class="type_tit">微信支付</h2>
                    <p class="type_p">微信安全支付</p>
                </div>
            </div>
            <div class="r_i">
                <img src="images/right_icon.png" alt="">
            </div>
        </div>
        <!--**支付宝支付***-->
        <div class="pay_cont clear">
            <div class="pay_wrap">
                <img src="images/zf_p.png" class="middle zf_p" alt="">
                <div class="middle">
                    <h2 class="type_tit">支付宝支付</h2>
                    <p class="type_p">支付宝安全支付</p>
                </div>
            </div>
            <div class="r_i">
                <img src="images/right_icon.png" alt="">
            </div>
        </div>
    </div>

    <!--***支付弹框****-->
    <div class="payment_pop">
        <div class="pop_cont">
            <p class="pop_tit">请确认支付是否已经成功</p>
            <div class="hint_tet">
                <p>1.如果您已支付成功，请点击“确认”按钮</p>
                <p style="margin-top:5px">2.如果您尚未支付，请点击“取消”按钮，重新支付</p>
            </div>
            <div class="clear">
             <button class="pop_but cancel_but">取消</button>
             <button class="pop_but success_but">确认</button>
            </div>
        </div>
    </div>
    <div class="payment_bac"></div>
</body>
</html>